.index-case{width:100%; position:relative;}
.index-case .owl-carousel{padding-bottom:80px;}
.index-case .item{margin:0 !important;}
.index-case ul li{width:24.77%; float:left; margin-bottom:0.3%; margin-right:0.3%; background-color:#fff;}
.index-case ul li:nth-of-type(4n),.index-case ul li.mr0{margin-right:0;}
.index-case ul li .pic{display:block; width:100%; overflow:hidden; background-color:#eee; background-position:center center; background-repeat:no-repeat; position:relative;}
.index-case ul li .bg{display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background-color:#000; filter:alpha(opacity=50); background-color:rgba(0, 0, 0, 0.5); visibility:hidden; opacity:0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li:hover .bg{visibility:visible; opacity:1;}
.index-case ul li:hover .btn-group a,
.index-case ul li:hover .btn-group a{height:50px;}

.index-case ul li .inxcasetxt::before,
.index-case ul li .inxcasetxt::after {
	position: absolute;
	top:50%;
	left: 50%;
	width: 50%;
	height: 1.5px;
	background: #ccc;
	content: '';
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
	opacity: 0;
	z-index:20;
}
.index-case ul li:hover .inxcasetxt::before {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}
.index-case ul li:hover .inxcasetxt::after {
	opacity: 0.8;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
.index-case ul li .pic img{width:100%; display:block; -webkit-transition: all .5s ease; transition: all .5s ease;}
.index-case ul li .pic:hover img{-webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);}
.index-case ul li .h2{padding:20px 15px; min-height:20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align:center;}
.index-case ul li .h2:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #236ffb;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i{
  color: white;
}
.index-case ul li:hover .h2:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.index-case ul li .h2 span{font-size:18px; color:#6a6a6a; margin-right:10px; position:relative; z-index:5;}
.index-case ul li .h2 i{font-size:12px; color:#999; position:relative; z-index:5;}
.index-case .indexmore{position:static; left:auto; bottom:auto; margin:0 auto; transform: translateX(0) translateY(0);}